<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../../layui/css/layui.css">
    <link rel="stylesheet" href="../zhengcewenjian.css">
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div class="main"  style="height: 700px">
    <div class="left" style="width:100px;margin-left:100px;float: left;">
        <div class="card" style="margin-top:20px;height: 350px;width: 250px;">
            <h3 align="center">栏目导航</h3><br>
            <hr style="border:1px solid #ccc;">
            <ul>


                <li ><a style="cursor: pointer" onclick="parent.page6('专任教师')">专任教师</a></li>
                <hr>
                <hr>
                <li><a style="cursor: pointer" onclick="parent.page6('教学团队')">教学团队</a></li>
                <hr>
                <li class="this"><a style="cursor: pointer" onclick="parent.page6('班导师')">班导师</a></li>
                <hr>
                <li ><a style="cursor: pointer" onclick="parent.page6('辅导员')">辅导员</a></li>
                <hr>

            </ul>
            <br>
        </div>
    </div>
    <div  class="right">
        <div class="title">
            <h2 style="font-weight: bold;color: #0B469F;">教师队伍 | 班导师</h2>
        </div>
        <!--  专任教师列表-->
        <div id="biuuu_city_list" class="list" style="height: 450px">

<!--
            <div   style="float: left"   >
                <a href="丁三波.html" >
                    <img src="../../人才培养/images/"  width="320" height="200" />
                </a>
                <p style="text-align: center">刘作军</p>            </div>
-->

<!--            <div   style="float: left"   >-->
<!--                <a href="丁三波.html" >-->
<!--                    <img src="../专任教师/images/刘作军.png"  width="320" height="200" />-->
<!--                </a>-->
<!--                <p style="text-align: center">刘作军</p>            </div>-->


<!--            <div   style="float: left"   >-->
<!--                <a href="丁三波.html" >-->
<!--                    <img src="../专任教师/images/张家安.png"  width="320" height="200" />-->
<!--                </a>-->
<!--                <p style="text-align: center">张家安</p>            </div>-->


<!--            <div   style="float: left"   >-->
<!--                <a href="丁三波.html" >-->
<!--                    <img src="../专任教师/images/张强.png"  width="320" height="200" />-->
<!--                </a>-->
<!--                <p style="text-align: center">张强</p>  </div>-->




<!--            <div   style="float: left"   >-->
<!--                <a href="丁三波.html" >-->
<!--                    <img src="../专任教师/images/马建红.png"  width="320" height="200" />-->
<!--                </a>-->
<!--                <p style="text-align: center">马建红</p>            </div>-->


<!--            <div   style="float: left"   >-->
<!--                <a href="丁三波.html" >-->
<!--                    <img src="../专任教师/images/李红超.png"  width="320" height="200" />-->
<!--                </a>-->
<!--                <p style="text-align: center">李红超</p>            </div>-->




            <div class="clear" ></div>
        </div>

        <div style="text-align: center "   id="demo20-3"  ></div>
    </div>

</div>
<div id="footer" class="layui-row" style="height: 100px;background-color: #00477A;">
    <div id="link" align="center" lay-separator="|" style="height:50px;line-height: 50px;">
        <a href="#">河北工业大学</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">人工智能与数据科学学院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">科研院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">本科生院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">研究生院</a><span>&nbsp&nbsp|&nbsp</span>
        <a href="#">联系我们</a>
    </div>
    <div style="text-align: center;" class="layui-layout-admin layui-footer">
        <p style="color: white">
            COPY RIGHT &copy;&nbsp;&nbsp;&nbsp;天津市北辰区双口镇西平道5340号河北工业大学北辰校区人工智能与数据科学学院知识成果共享平台
            &nbsp;&nbsp;&nbsp;津ICP备350321号
        </p>
    </div>
</div>
<script src="../../layui/layui.js" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述 JS 路径需要改成你本地的 -->


<script>

    layui.use(['laypage', 'layer'], function() {
        var laypage = layui.laypage
            ,layer = layui.layer;

        var data = [
            '../../人才培养/images/廖文喆.png',
            '../../人才培养/images/陈鹤.png',
            '../../人才培养/images/荆锴.png',

            '../../人才培养/images/刘教.png',
            '../../人才培养/images/王睿.png',
            '../../人才培养/images/岳大为.png',

            '../../人才培养/images/丁三波.png',
            '../../人才培养/images/李红超.png',
            '../../人才培养/images/张强.png',

            '../../人才培养/images/陈曦.png',
            '../../人才培养/images/刘作军.png',
            '../../人才培养/images/张燕.png',

            '../../人才培养/images/孙鹤旭.png',
            '../../人才培养/images/张家安.png',
            '../../人才培养/images/耿艳利.png',
        ];
        var address = [
            '../teachers/自动化-廖文喆.html',
            '../teachers/自动化-陈鹤.html',
            '../teachers/自动化-荆锴.html',


            '../teachers/自动化-刘教.html',
            '../teachers/自动化-王睿.html',
            '../teachers/自动化-岳大为.html',

            '#',
            '#',
            '#',

            '#',
            '#',
            '#',

            '#',
            '#',
            '#',



        ];
        var name=[
                '廖文喆',
                '陈鹤',
                '荆锴',


                '刘教',
                '王睿',
                '岳大为',


                '丁三波',
                '李红超',
                '张强',


                '陈曦',
                '刘作军',
                '张燕',

                '孙鹤旭',
                '张家安',
                '耿艳利',



            ]
        ;
        //调用分页
        laypage.render({
            elem: 'demo20-3'
            , count: data.length
            , limit: 6
            , jump: function (obj) {
                //模拟渲染
                document.getElementById('biuuu_city_list').innerHTML = function () {
                    var arr = []
                        , thisData = data.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
                    layui.each(thisData, function (index, item) {
                        arr.push(' <div   style="float: left"   >\n' +
                            '                <a href="'+address[obj.curr * obj.limit - obj.limit+index]+'" >\n' +
                            '                    <img src="' + item + '"  width="320" height="200" />\n' +
                            '                </a>\n' +
                            '                <p style="text-align: center">'+name[obj.curr * obj.limit - obj.limit+index]+'</p>            </div>');
                                          /*   <p style="text-align: center">李红超</p>  */
                    });
                    return arr.join('');
                }();
            }
        });
    });
    </script>
</body>
</html>